html,body{
  width:100%;
  height:100%;
}
#app{
  height:100%;
}
.icon-arrow-right{
  width:0.48rem;
  height:0.48rem;
}
.break-word{
  word-wrap:break-word;
}
.top-empty-div{
  height:0.24rem;
}
*{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
input:focus,textarea:focus{outline:none;}
input[type="radio"],input[type="checkbox"]{background:transparent;}
input{
  -webkit-appearance:none;
  border:none;
}
/*修改提示文字的颜色*/
input::-webkit-input-placeholder { /* WebKit browsers */
  color:#999;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:#999;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:#999;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:#999;
}
textarea{
  border:none;
  resize:none;
}
h1,h2,h3,h4,h5,h6 {
  font-weight:normal;
}
.input-group{
  height:0.96rem;
  background:rgba(255,255,255,1);
  box-shadow:0px -1px 0px 0px rgba(234,234,234,1);
  display: flex;
  align-items: center;
}
.input-group .title{
  width:1.76rem;
  height:0.96rem;
  line-height:0.96rem;
  padding-left:0.24rem;
}
.sure-btn{
  width:7.02rem;
  height:0.98rem;
  line-height:0.98rem;
  text-align: center;
  background:rgba(51,51,51,1);
  border-radius:0.08rem;
  margin:0 auto;
  display: block;
  color:#fff;
  font-size:0.36rem;
}
.hide{
  display:none !important;
}
.show{
  display:block !important;
}
/* 设置浮动，减少浮动带来的 bug */
.fl,.fr {
  display:inline;
}
.fl {
  float:left;
}
.fr {
  float:right;
}
.clearfix:before,.clearfix:after {
  content:"";
  display:table;
}
.clearfix:after {
  clear:both;
  overflow:hidden;
}
.clearfix {
  zoom:1;
}
.tl{
  text-align: left;
}
.tr{
  text-align: right;
}
.tc{
  text-align: center;
}
.clear {
  clear:both;
  display:block;
  font-size:0;
  height:0;
  line-height:0;
  overflow:hidden;
}
.flex-center{
  display:flex;
  display:-webkit-flex;
  align-items:center;
  -webkit-align-items: center;
  justify-content:center;
  -webkit-justify-content:center;
}
/*--动画--*/
.fade-enter-active {
  animation: fadeIn .5s both;
}
.fade-leave-active {
  animation: fadeOut .5s both;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/*--从上往下--*/
.slideDown-enter-active{
  animation: slideOutDown .5s;
}
.slideDown-leave-active{
  animation: slideInUp .5s;
}
/*--从下往上--*/
.slide-enter-active {
  animation: slideInUp .5s;
}
.slide-leave-active {
  animation: slideOutDown .5s;
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

/*--富文本内容--*/
.rtf-contain{
  width:100%;
  background:#fff;
  padding:0.24rem;
  word-break:break-all;
}
.rtf-contain img{
  max-width:100%;
}
.img-responsive{
  width:100%;
  height:100%;
  display:block;
}
.bt-line{
  border-bottom:1px solid #D8D8D8;
}
.bg-orange{
  background:rgba(243,125,34,1);
}
.bg-gray{
  background:#F4F4F4;
}
.bg-white{
  background:rgba(255,255,255,1);
}
.bg-blue{
  background:rgba(63,182,252,1);
}
.bg-pink{
  background:rgba(243,66,119,1);
}
.pl24{
  padding-left:0.24rem;
}
.pr24{
  padding-right:0.24rem;
}
.mt8{
  margin-top:0.08rem;
}
.mt24{
  margin-top:0.24rem;
}
.mr6{
  margin-right:0.06rem;
}
.mr8{
  margin-right:0.08rem;
}
.mr10{
  margin-right:0.1rem;
}
.mr12{
  margin-right:0.12rem;
}
.mr16{
  margin-right:0.16rem;
}
.mr20{
  margin-right:0.2rem;
}
.mr24{
  margin-right:0.24rem;
}
.mr28{
  margin-right:0.28rem;
}
.mb8{
  margin-bottom:0.08rem;
}
.mb10{
  margin-bottom:0.1rem;
}
.mb16{
  margin-bottom:0.16rem;
}
.mb24{
  margin-bottom:0.24rem;
}
.mb28{
  margin-bottom:0.28rem;
}
.mb36{
  margin-bottom:0.36rem;
}
.mb48{
  margin-bottom:0.48rem;
}
.mb76{
  margin-bottom:0.76rem;
}
.mb96{
  margin-bottom:0.96rem;
}
.ml24{
  margin-left:0.24rem;
}
.fs20{
  font-size:0.2rem;
}
.fs24{
  font-size:0.24rem;
}
.fs28{
  font-size:0.28rem;
}
.fs32{
  font-size:0.32rem;
}
.fs36{
  font-size:0.36rem;
}
.fs40{
  font-size:0.4rem;
}
.fs44{
  font-size:0.44rem;
}
.fs48{
  font-size:0.48rem;
}
.fs64{
  font-size:0.64rem;
}
.fs68{
  font-size:0.68rem;
}
.fs72{
  font-size:0.72rem;
}
.br8{
  border-radius:0.08rem;
}
.color-white{
  color:rgba(255,255,255,1);
}
.color-orange{
  color:rgba(243,125,34,1);
}
.color-yellow{
  color:#FCC032;
}
.color-dark-orange{
  color:rgba(255,111,0,1);
}
.deep-color{
  color:#BE2328;
}
.color-red{
  color:rgba(241,36,36,0.87);
}
.color-blank{
  color:rgba(0,0,0,0.87);
}
.gray{
  color:rgba(0,0,0,0.38);
}
.dark-gray{
  color:rgba(0,0,0,0.54);
}
.color-gray{
  color:rgba(255,255,255,0.7);
}
.gray-color{
  color:#666;
}
.blank{
  color:#333;
}
.red{
  color:#F12424;
}
.fontbold{
  font-weight: 500;
}
.normal-red{
  color:rgba(241,36,36,0.87);
}
.img-circle{
  border-radius:50%;
}
.txt_limit{
  overflow: hidden;
  text-overflow:ellipsis;
  -ms-text-overflow:ellipsis;
  white-space: nowrap;
}
.more-limit {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.arrow-right{
  width:0.48rem;
  height:0.48rem;
}
.member_empty_bottom{
  height:0.98rem;
}
.flex_x_between{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex_xy_start{
  display: flex;
  align-items: center;
}
.flex_x_justify{
  display: flex;
  justify-content: space-between;
}
.flex_y_justify{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.flex_y_center{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.flex_xy_center{
  display: flex;
  align-items: center;
  justify-content: center;
}
.control-wrapper{
  display: flex;
}
.control-wrapper .control-part{
  width:50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.list-group {
  padding-left: 0.28rem;
  padding-right: 0.08rem;
  height: 1.12rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom:1px solid #D8D8D8;
}
.list-group .left-part,.list-group .right-part {
  display: flex;
  align-items: center;
}
.empty-div{
  height:0.96rem;
}
.bottom-fixed-submit{
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  height:0.96rem;
  line-height:0.96rem;
  text-align: center;
  background:rgba(51,51,51,1);
  font-size:0.36rem;
  color:rgba(255,255,255,1);

}
/*模态框*/
.modal{
  position:fixed;
  top: 0;
  left:0;
  width:100%;
  height:100%;
  background: rgba(0,0,0,0.5);
  z-index:100;
}
.modal-content{
  width:100%;
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);/* IE 9 */
  -moz-transform:translate(-50%,-50%);	/* Firefox */
  -webkit-transform:translate(-50%,-50%);/* Safari 和 Chrome */
  -o-transform:translate(-50%,-50%);	/* Opera */
}
@media only screen and (device-width: 375px) and (device-height: 812px) and
(-webkit-device-pixel-ratio: 3) {

}
